<template>
  <div>
    <div class="PageItem">
      <el-row class="PageInfo"> <i class="info-bar"></i>寄存联系人 </el-row>
      <el-row class="paddingleft2em">
        <el-form-item label="　姓名">
          <el-input minlength="2" maxlength="10" :value="ruleForm.familyName"> </el-input>
        </el-form-item>

        <el-form-item label="　证件类型">
          <el-input minlength="2" maxlength="20" :value="ruleForm.certificateType"> </el-input>
        </el-form-item>
        <el-form-item label="　证件号码">
          <el-input minlength="2" maxlength="20" :value="ruleForm.certificateNo"> </el-input>
        </el-form-item>
        <el-form-item label="性别">
          <el-input minlength="2" maxlength="20" :value="ruleForm.familyGender"> </el-input>
        </el-form-item>
        <el-form-item label="　年龄">
          <el-input minlength="2" maxlength="20" :value="ruleForm.familyAge"> </el-input>
        </el-form-item>
      </el-row>
      <el-row class="paddingleft2em">
        <el-form-item label="联系电话">
          <el-input minlength="2" maxlength="20" :value="ruleForm.familyPhone">
          </el-input>
        </el-form-item>
        <el-form-item label="　联系地址"> 
          <el-input minlength="2" maxlength="20" :value="ruleForm.familyAddress"> </el-input>
        </el-form-item>
      </el-row>
    </div>
    <div class="PageItem">
      <el-row class="PageInfo"> <i class="info-bar"></i>寄存骨灰信息</el-row>
      <div v-for="(item) in ruleForm.depositDeadItems" :key="item.id">
        <el-row class="paddingleft2em">
          <el-form-item label="逝者姓名">
            <el-input minlength="2" maxlength="20" :value="item.deadName"> </el-input>
          </el-form-item>
          <el-form-item label="　证件类型">
            <el-input minlength="2" maxlength="20" :value="item.deadName"> </el-input>
          </el-form-item>
          <el-form-item label="　证件号码">
            <el-input
              minlength="2"
              maxlength="20"
              :value="item.certificateNo"
            >
            </el-input>
          </el-form-item>
          <el-form-item label="　性别">
            <el-input minlength="2" maxlength="20" :value="item.deadGender"> </el-input>
          </el-form-item>
          <el-form-item label="　年龄">
            <el-input minlength="2" maxlength="20" :value="item.deadAge"> </el-input>
          </el-form-item>
        </el-row>
        <el-row class="paddingleft2em">
          <el-form-item label="与家属关系" class="lineheight letter2">
            <el-input minlength="2" maxlength="20" :value="item.familyRelation"> </el-input>
          </el-form-item>
          <el-form-item label="寄存内容">
            <el-input minlength="2" maxlength="20" :value="item.deadContent"> </el-input>
          </el-form-item>
          <el-form-item label="存放日期">
            <el-input minlength="2" maxlength="20" :value="item.deadStorageTime"> </el-input>
          </el-form-item>
          <el-form-item label="盒内状况">
            <el-input minlength="2" maxlength="20" :value="item.asHasAsh?'有骨灰':'无骨灰'"> </el-input>
          </el-form-item>
        </el-row>
      </div>
    </div>
    <div class="PageItem" v-if="identification !== 'handle'">
      <span>{{ identification }}</span>
      <el-row class="PageInfo"> <i class="info-bar"></i>寄存信息</el-row>
      <el-row class="paddingleft2em">
        <el-form-item label="寄存证号">
          <el-input minlength="2" maxlength="20" :value="238764872365872346">
          </el-input>
        </el-form-item>
        <el-form-item label="寄存到期日期" label-width="120px">
          <el-input minlength="2" maxlength="20" :value="ruleForm.endDate">
          </el-input>
        </el-form-item>
        <el-form-item label="寄存位置">
          <el-input minlength="2" maxlength="20" :value="ruleForm.positionName">
          </el-input>
        </el-form-item>
      </el-row>
      <el-row>
        <el-form-item label="备注">
          <el-input
            maxlength="200"
            :value="ruleForm.remark"
          ></el-input>
        </el-form-item>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    identification: {
      type: String,
    },
    ruleForm: {
      type: Object,
    },
  },
  data() {
    return {
      // ruleForm:this.ruleForm,
      DepositList: [
        //寄存骨灰信息
        { a: "", b: "", c: "", d: "", e: "", f: "" },
      ],
    };
  },
  computed: {},
  created() {},
  mounted() {},
  watch: {},
  methods: {},
  components: {},
};
</script>
<style scoped>
.PageItem /deep/ .el-input__inner {
  border: 0px solid;
  background-color: #fff;
  color: #000;
}
</style>
